.import-area {
  position: relative;
  overflow: hidden;
  .import-area-side {
    border-right: 1px solid @color-light-10;
    padding-bottom: 68px;
  }
  .import-item {
    margin-bottom: 10px;
    cursor: pointer;
    .import-item-icon {
      width: 20px;
    }
    .import-name {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    &.active .import-name {
      color: @primary-color;
    }
  }
  .import-list {
    height: '100%';
    padding-left: 20px;
  }
  .import-tips {
    width: 100%;
    border-top: 1px solid @border-color-base;
    position: absolute;
    bottom: 0;
    left: 0;
    .import-item {
      margin: 10px;
      padding-left: 20px;
      cursor: default;
    }
  }
}
